@import 'nib'
.c-reg-tips
  text-align right
  padding 1em
  font-family '微软'
  font-size 0.875em
  a
   color #ffa202
form.pure-form.c-login-form
  min-height 30em
  padding-top 3em
  padding-bottom 1em
  fieldset
    .c-login-title
      text-align center
      padding-bottom 2em
      h2
        display inline-block
        padding 0 1em
        font-family '微软雅黑'
        font-size 1.875em
      span
        color #999
    .pure-control-group
      padding 1em
      div
        width 30%
        margin 0 auto
        border 1px solid #ccc
        span
          width 2.8em
          height 2.25em
          display inline-block
          vertical-align middle
          border-right 1px solid #ccc
          padding 0.375em 0
        input
          padding 1em 0 0.8em 1em
          display inline-block
          border none
          box-shadow inset 0 1px 3px rgba(255,255,255,0)
          &:focus
            outline none
        
          &:-webkit-autofill
            -webkit-box-shadow 0 0 0px 1000px #fff inset

    .c-login-name
      div
        span
          background url('./img/input_u.png') no-repeat center center

    .c-login-pwd
      div
        span
          background url('./img/input_p.png') no-repeat center center

    .c-login-captcha
      div
        input
          width 55%
        &:focus
          border 1px solid #4f4980
        span
          background url('./img/input_c.png') no-repeat center center
        img
          vertical-align middle
          max-height 36px
          max-width 108px
          -ms-interpolation-mode bicubic  /*为了照顾ie图片缩放失真*/

    .pure-controls
      text-align center
      padding-top 2em
      button
        padding 0.8em 0
        background #ffa202

.err-border
  border 1px solid #e64340 !important
  box-shadow 0px 3px 8px 0px rgba(230,67,64,0.42)

@media (min-width: 421px)
  form.pure-form.c-login-form
    fieldset
      .pure-control-group
        div
          min-width 21.88em
      .pure-controls
        button
          min-width 21.88em

@media (max-width: 420px) and (min-width: 320px)
  form.pure-form.c-login-form
    padding-top 1em
    fieldset
      .pure-control-group
        padding 1em
        div
          width 100%
          span
            width 2.5em
            height 2.25em
          input
            padding 0.8em 1em 0.4em
            font-size 0.9em
      .c-login-captcha
        input
          width 48% !important
        img
          height 2.25em

      .pure-controls
        padding 2em 1em
        button
          width 100%
          padding 0.8em 1em